<template>
  <div class="blog-area fix area-padding">
    <div class="container">
      <div class="row">
        <div class="blog-details">
          <div class="col-md-8 col-sm-8 col-xs-12">
            <article class="blog-post-wrapper">
              <div class="blog-banner">
                <a href="#" class="blog-images">
                  <img src="/img/blog/b1.jpg" alt="">
                </a>
                <div class="blog-content">
                  <div class="blog-meta">
                    <span class="admin-type">
                      <i class="fa fa-user"></i>
                      Admin
                    </span>
                    <span class="date-type">
                      <i class="fa fa-calendar"></i>
                      24 april, 2019
                    </span>
                    <span class="comments-type">
                      <i class="fa fa-comment-o"></i>
                      07
                    </span>
                  </div>
                  <h4>The universal acceptance has given a tremendous</h4>
                  <p>The universal acceptance of Consultation has given a tremendous opportunity for merchants to do crossborder transactions instantly and at reduced cost.Consultations are slowly gaining immense recognition and are growing phenomenally with more and more people trading with this digital currency.</p>
                  <blockquote>
                    <p>Consultations are slowly gaining immense recognition and are growing phenomenally with more and more people trading with this digital currency. The universal acceptance of Consultation.</p>
                  </blockquote>
                  <p>The universal acceptance of Consultation has given a tremendous opportunity for merchants to do crossborder transactions instantly and at reduced cost.Consultations are slowly gaining immense recognition and are growing phenomenally with more..</p>
                  <h5>With more and more people trading with this digital </h5>
                  <p>The universal acceptance of Consultation has given a tremendous opportunity for merchants to do crossborder transactions instantly and at reduced cost.Consultations are slowly gaining immense recognition and are growing phenomenally with more..</p>
                  <div class="img-blog left-blog-img">
                    <img src="/img/blog/b3.jpg" alt="">
                  </div>
                  <div class="img-blog right-blog-img">
                    <img src="/img/blog/b4.jpg" alt="">
                  </div>
                  <p>The universal acceptance of Consultation has given a tremendous opportunity for merchants to do crossborder transactions instantly and at reduced cost.Consultations are slowly gaining immense recognition and are growing phenomenally with more..</p>
                </div>
              </div>
            </article>
            <div class="clear"></div>
            <div class="related-post">
              <div class="comments-heading">
                <h3>Related post</h3>
              </div>
              <div class="related-post-list">
                <div class="recent-single-post">
                  <div class="post-img">
                    <a href="#">
                      <img src="/img/blog/b1.jpg" alt="">
                    </a>
                  </div>
                  <div class="pst-content">
                    <p><a href="#">We offer professional Consultant services.</a></p>
                    <span class="date-type">
                      27 Jan / 2020
                    </span>
                  </div>
                </div>

                <div class="recent-single-post">
                  <div class="post-img">
                    <a href="#">
                      <img src="/img/blog/b2.jpg" alt="">
                    </a>
                  </div>
                  <div class="pst-content">
                    <p><a href="#">CODIUX is an firm and general group.</a></p>
                    <span class="date-type">
                      20 June / 2019
                    </span>
                  </div>
                </div>

              </div>
            </div>
            <div class="clear"></div>
            <div class="single-post-comments">
              <div class="comments-area">
                <div class="comments-heading">
                  <h3>4 comments</h3>
                </div>
                <div class="comments-list">
                  <ul>
                    <li>
                      <div class="comments-details">
                        <div class="comments-list-img">
                          <img src="/img/blog/avater2.png" alt="post-author">
                        </div>
                        <div class="comments-content-wrap">
														<span>
															<b><a href="#">Alens</a></b>
															Post author
															<span class="post-time">Jan 6, 2020</span>
															<a href="#">Reply</a>
														</span>
                          <p>Quisque semper nunc vitae erat pellentesque, ac placerat arcu consectetur</p>
                        </div>
                      </div>
                    </li>
                    <li class="threaded-comments">
                      <div class="comments-details">
                        <div class="comments-list-img">
                          <img src="/img/blog/avater1.png" alt="post-author">
                        </div>
                        <div class="comments-content-wrap">
														<span>
															<b><a href="#">admin</a></b>
															Post author
															<span class="post-time">Jan 7, 2020</span>
															<a href="#">Reply</a>
														</span>
                          <p>Quisque orci nibh, porta vitae sagittis sit amet, vehicula vel mauris. Aenean at justo dolor. Fusce ac sapien bibendum, scelerisque libero nec</p>
                        </div>
                      </div>
                    </li>
                    <li>
                      <div class="comments-details">
                        <div class="comments-list-img">
                          <img src="/img/blog/avater2.png" alt="post-author">
                        </div>
                        <div class="comments-content-wrap">
														<span>
															<b><a href="#">Andre</a></b>
															Post author
															<span class="post-time">Sep 11, 2019</span>
															<a href="#">Reply</a>
														</span>
                          <p>Quisque semper nunc vitae erat pellentesque, ac placerat arcu consectetur</p>
                        </div>
                      </div>
                    </li>
                    <li class="threaded-comments">
                      <div class="comments-details">
                        <div class="comments-list-img">
                          <img src="/img/blog/avater1.png" alt="post-author">
                        </div>
                        <div class="comments-content-wrap">
														<span>
															<b><a href="#">admin</a></b>
															Post author
															<span class="post-time">Nov 13, 2019</span>
															<a href="#">Reply</a>
														</span>
                          <p>Quisque orci nibh, porta vitae sagittis sit amet, vehicula vel mauris. Aenean at justo dolor. Fusce ac sapien bibendum, scelerisque libero nec</p>
                        </div>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="comment-respond">
                <h3 class="comment-reply-title">Leave a Reply </h3>
                <span class="email-notes">Your email address will not be published. Required fields are marked *</span>
                <form action="#">
                  <div class="row">
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                      <p>First Name *</p>
                      <input type="text" />
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                      <p>Last Name *</p>
                      <input type="text" />
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                      <p>Email *</p>
                      <input type="email" />
                    </div>
                    <div class="col-lg-12 col-md-12 col-sm-12 comment-form-comment">
                      <p>Massage *</p>
                      <textarea id="message-box" cols="30" rows="10"></textarea>
                      <input class="add-btn contact-btn" type="submit" value="Post Comment" />
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>

          <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="left-head-blog right-side">
              <div class="left-blog-page">

                <form action="#">
                  <div class="blog-search-option">
                    <input type="text" placeholder="Search...">
                    <button class="button" type="submit">
                      <i class="fa fa-search"></i>
                    </button>
                  </div>
                </form>

              </div>
              <div class="left-blog-page">
                <div class="left-blog blog-category">
                  <h4>categories</h4>
                  <ul>
                    <li><a href="#">Business</a><span>12</span></li>
                    <li><a href="#">Agency </a><span>17</span></li>
                    <li><a href="#">Media</a><span>07</span></li>
                    <li><a href="#">Social</a><span>18</span></li>
                    <li><a href="#">Photoshop</a><span>14</span></li>
                    <li><a href="#">development</a><span>10</span></li>
                    <li><a href="#">Design</a><span>15</span></li>
                  </ul>
                </div>
              </div>
              <div class="left-blog-page">

                <div class="left-blog">
                  <h4>recent post</h4>
                  <div class="recent-post">

                    <div class="recent-single-post">
                      <div class="post-img">
                        <a href="#">
                          <img src="/img/blog/b1.jpg" alt="">
                        </a>
                      </div>
                      <div class="pst-content">
                        <p><a href="#">We offer professional Consultant services.</a></p>
                        <span class="date-type">
														26 Jan / 2020
													</span>
                      </div>
                    </div>

                    <div class="recent-single-post">
                      <div class="post-img">
                        <a href="#">
                          <img src="/img/blog/b2.jpg" alt="">
                        </a>
                      </div>
                      <div class="pst-content">
                        <p><a href="#">CODIUX is an firm and general group.</a></p>
                        <span class="date-type">
														20 June / 2020
													</span>
                      </div>
                    </div>

                    <div class="recent-single-post">
                      <div class="post-img">
                        <a href="#">
                          <img src="/img/blog/b3.jpg" alt="">
                        </a>
                      </div>
                      <div class="pst-content">
                        <p><a href="#">Business man always think positive.</a></p>
                        <span class="date-type">
														26 Feb / 2020
													</span>
                      </div>
                    </div>

                    <div class="recent-single-post">
                      <div class="post-img">
                        <a href="#">
                          <img src="/img/blog/b4.jpg" alt="">
                        </a>
                      </div>
                      <div class="pst-content">
                        <p><a href="#">Man can change business policy all time.</a></p>
                        <span class="date-type">
														13 Nov / 2019
													</span>

                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="left-blog-page">
                <div class="left-tags blog-tags">
                  <div class="popular-tag left-side-tags left-blog">
                    <h4>popular tags</h4>
                    <ul>
                      <li><a href="#">Business</a></li>
                      <li><a href="#">Agency </a></li>
                      <li><a href="#">Media</a></li>
                      <li><a href="#">Social</a></li>
                      <li><a href="#">Photoshop</a></li>
                      <li><a href="#">Seo</a></li>
                      <li><a href="#">development</a></li>
                      <li><a href="#">Search</a></li>
                      <li><a href="#">Design</a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>

    </div>
  </div>
</template>

<script>
    export default {
        name: "BlogDetails"
    }
</script>

<style scoped>

</style>
